<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>医生主页</title>
    <link rel="stylesheet" href="../css/common.css">
    <meta name="author" content="Ste Brennan - Code Computerlove - http://www.codecomputerlove.com/" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <link href="../css/photoswipe.css" type="text/css" rel="stylesheet" />
    <script type="text/javascript" src="../ExternalJs/klass.min.js"></script>
    <script type="text/javascript" src="../ExternalJs/jquery-2.2.4.min.js"></script>
    <script type="text/javascript" src="../js/share.js"></script>
    <script src="../js/conmon.js"></script>
    <link rel="stylesheet" href="../css/doctorInfo.css">
    <link rel="stylesheet" href="../css/share.css">
</head>
<body>
<header>
    <img src="../images/back.png">
    <p>医生详情</p>
</header>
<section class="menu" id="menu">
    <a class="active">基本信息</a><a></a><a></a>
</section>
<section id="mainPart">
    <section class="doctorInfo" id="doctorInfo1" >
        <section>
            <img v-if="nic_thumb != ''" v-bind:src="nic_thumb">
            <img v-if="nic_thumb ==''" src="../images/userDefault.png">
            <p><span>{{name}}</span> <span>{{zhiwu}}</span></p>
        </section>
        <section>
            <p>{{response_times}}</p>
            <p>问诊量</p>
        </section>
        <section>
            <p>{{score}}</p>
            <p>评分</p>
        </section>
        <section>
            <p>{{follow_numbers}}</p>
            <p>关注</p>
        </section>
        <img id="back" src="../images/backW.png">
    </section>

    <section id="doctorInfo">
        <section class="menu">
            <a class="active">基本信息</a><a>发友点评 ({{ping_num}})</a><a>生发日记({{note_num}})</a>
        </section>
        <section class="doctorIntro1">
            <section class="shortInfo">
                <p><img src="../images/doctor_position.png">执业点</p>
                <p><span>{{hospital_name}}</span><span>{{keshi}}</span></p>
            </section>
            <section class="shortInfo">
                <p><img src="../images/doctor_sanchang.png">擅长</p>
                <p>{{shan_chang}}</p>
            </section>
            <section class="shortInfo">
                <p><img src="../images/doctor_jianjie.png">简介</p>
                <p>{{introduce}}</p>
            </section>
        </section>
    </section>
    <section class="comment" id="doctorInfo2" >
    </section>

    <section class="hairDairy" id="doctorInfo3" >
        <div class="hairDairyDetails" v-for="item in items" >
            <section>
                <img v-if="item.type == null" src="../images/userDefault.png">
                <img v-if="item.type != null" v-bind:src="item.nic_thumb">
                <section>
                    <p>{{item.user_name}}</p>
                    <p>{{item.create_time}}</p>
                </section>
                <section class="like_num">
                    <span v-if="item.more_agree == ''">0</span>
                    <span v-if="item.more_agree != ''">{{item.more_agree}}</span>
                    <img v-if="item.is_agree == '0'" src="../images/like.png" class="like">
                    <img v-if="item.is_agree == '1'" src="../images/alreadyLike.png" class="like">
                </section>
            </section>
            <ul class="imgGroup gallery">
            </ul>
            <p>{{item.str_content}}</p>
            <section>
                <section>
                    <img src="../images/tag.png">
                    <span>电话咨询</span>
                </section>
                <section class="more">
                    <img src="../images/drop.png">
                    <span>查看全部</span>
                </section>
            </section>
            <section class="extra">
                <p class="note_id">{{item.note_id}}</p>
                <p class="order_num">{{item.order_num}}</p>
            </section>
        </div>
    </section>
</section>
<section class="total" id="total">

</section>
<section class="son1"> <img src="../images/up_down@2x.png" > <p>加载更多...</p> <p id="close">返回</p> <img src="../images/up@2x.png" /></section>
    <section class="button">
        <section>
            <img src="../images/doctor_shareW.png">
            <p>分享</p>
        </section>
        <section>
            <img src="../images/doctor_noticeW.png">
            <p>关注</p>
        </section>
        <section>
            <p>电话咨询</p>
        </section>
    </section>
    <section class="mask"></section>
    <!--<section class="optionGroup">-->
        <!--<section><span>约见</span><span>￥899</span></section>-->
        <!--<section><p><span>电话咨询</span><span>￥899</span></p><p><span>指定时长向医生咨询</span><span>已有40人咨询</span></p></section>-->
        <!--<section><span>取消</span></section>-->
    <!--</section>-->
<section class="noConsult">
   <p>医生繁忙，暂不提供咨询</p>
</section>

<section class="noInform">
    <img src="../images/Networkanomaly_girl.png" alt="network" class="width"/>
    <p>网络异常，请稍候重试。</p>
</section>

<!--生发日记内容-->
<div class="share bdsharebuttonbox">
    <a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
    <a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
    <span class="bds_qzone">QQ空间</span>
    <span class="bds_tsina">新浪微博</span>
</div>

<section class="download"><img src="../images/download.jpg"></section>
<script src="../ExternalJs/jquery.md5.js"></script>
<script src="../ExternalJs/vue.js"></script>
<script src="../js/doctorInfo.js"></script>
<script type="text/javascript" src="../ExternalJs/code.photoswipe-3.0.5.min.js"></script>
<script type="text/javascript">
    (function(window, $, PhotoSwipe){
        $(document).ready(function(){
            var options = {};
            $('#Gallery0 a').photoSwipe(options);
        });
    }(window, window.jQuery, window.Code.PhotoSwipe));
    (function(window, $, PhotoSwipe){
        $(document).ready(function(){
            var options = {};
            $('#Gallery1 a').photoSwipe(options);
        });
    }(window, window.jQuery, window.Code.PhotoSwipe));
    (function(window, $, PhotoSwipe){
        $(document).ready(function(){
            var options = {};
            $('#Gallery2 a').photoSwipe(options);
        });
    }(window, window.jQuery, window.Code.PhotoSwipe));
    (function(window, $, PhotoSwipe){
        $(document).ready(function(){
            var options = {};
            $('#Gallery3 a').photoSwipe(options);
        });
    }(window, window.jQuery, window.Code.PhotoSwipe));
    (function(window, $, PhotoSwipe){
        $(document).ready(function(){
            var options = {};
            $('#Gallery4 a').photoSwipe(options);
        });
    }(window, window.jQuery, window.Code.PhotoSwipe));
</script>
</body>
</html>